<div class="col-xs-12">
	<div class="tabbable">
	    <ul class="nav nav-tabs" id="myTab">
	        <li  class="active">
	            <a data-toggle="tab" href="#runtime">
	                运行中的流程
	            </a>
	        </li>
	
	        <li >
	            <a data-toggle="tab" href="#historic">
	                历史流程
	            </a>
	        </li>
	    </ul>
	
	    <div class="tab-content">
	        <div id="runtime" class="tab-pane  active">
	           <div class="table-responsive"><!-- 100%不能少， -->
			       <table class="procinstRList table table-striped table-bordered table-hover"  style="width:100%">
			       </table>
			   </div>
	        </div>
	
	        <div id="historic" class="tab-pane">
               <div class="table-responsive">
                   <table class="procinstHList table table-striped table-bordered table-hover"  style="width:100%">
                   </table>
               </div>
	        </div>
	    </div>
	</div>
  
</div>